<div class="box">
    <div class="box-title">
        <div class="title-img">
            <img src="__PUBLIC__/images/bbqm_img/bd/gslog.jpg" />
            <div>华夏起名网（专业起名）</div>
        </div>
        <div onclick="colsebox()">✕</div>
    </div>

    <div class="box-conent" id="box-conent">

        <div class="shuoming">
            赐子千金。不如赐子一名。<span>吉祥美名</span>是父母长辈给孩子相伴一生的礼物!<span>华夏起名网</span>祝天下宝宝茁壮成长,健康快乐!
        </div>

        <div class="msg1 show">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts1"></span></div>
                    <div class="msg-box">
                        <div class="qus1">您好,请问宝宝性别?</div>
                        <div class="btnlist">
                            <div class="btn" >男宝</div>
                            <div class="btn" >女宝</div>
                            <div class="btn" >双胞胎</div>
                            <div class="btn" >预产期</div>
                            <div class="btn" >改名或公司起名</div>
                            <div class="btn" >售后问题</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="reply">
            <div class="reply-msg">
                <div class="userreply1"></div>
            </div>
        </div>

        <div class="msg12">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts8"></span></div>
                    <div class="msg-box">
                        <div class="qus1">您是公司起名是还是改名？</div>
                        <div class="btnlist2">
                            <div class="btn" >改名</div>
                            <div class="btn" >公司起名</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="msg13">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts9"></span></div>
                    <div class="msg-box">
                        <div class="qus1">请您提供手机号为您查询</div>
                        <div class="sexlist">
                            <div class="inputbox"><input type="number" id="userphonenum" placeholder="请输入手机号"></div>
                            <div class="btn4">确定</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="msg2">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts2"></span></div>
                    <div class="msg-box" tabindex="4" id="m2">
                        <div class="qus1">给女宝贝起名,在符合生辰分析,易学和姓名学要求的基础上,通常需要突出优雅、洋气自立、幸福的内涵,名字要带有柔美之意。</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="msg3">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts3"></span></div>
                    <div class="msg-box">
                        <div class="qus1">请问宝宝姓氏是?</div>
                        <div class="sexlist">
                            <div class="inputbox"><input type="text" id="bbsex"></div>
                            <div class="btn">确定</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="reply2">
            <div class="reply-msg">
                <div class="userreply2"></div>
            </div>
        </div>

        <div class="msg4">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts4"></span></div>
                    <div class="msg-box">
                        <div class="qus1"><span class="userreply2"></span>姓氏历史悠久但较为罕见,择取言名很有讲究，建议严格道循国学九吉择名法取名。</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="msg5">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts5"></span></div>
                    <div class="msg-box">
                        <div class="qus1">宝宝出生时间是?</div>
                        <div class="sexlist">
                            <div class="inputbox"><input type="text" id="bbcstime" placeholder="点击选择出生时间"></div>
                            <div class="btn2">确定</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="reply3">
            <div class="reply-msg">
                <div class="userreply3"></div>
            </div>
        </div>

        <div class="msg6">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts6"></span></div>
                    <div class="msg-box">
                        <div class="qus1">好的,您的基本信息已经了解,请输入您手机号<span>后4位</span>,马上为您预约老师</div>
                        <div class="sexlist">
                            <div class="inputbox"><input type="number" id="vipnum" placeholder="手机号后四位"></div>
                            <div class="btn3">确定</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="reply4">
            <div class="reply-msg">
                <div class="userreply4"></div>
            </div>
        </div>

        <div class="msg7">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="rigth-top">张老师  金牌起名顾问 <span id="ts7"></span></div>
                    <div class="msg-box">
                        <div class="qus1">为您预约老师，请稍等。</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="msg8">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="msg-box">
                        <div class="qus1">您的【VIP预约号】是: <span class="userreply4"></span></div>
                        <div class="qus2">您的【服务预约号】是: <span class="userreply4"></span></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="msg9">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="msg-box">
                        <!--GXQM_zz-->
                        <div class="qus1">您按照下方图片操作,搜索并添加微信号<span>qumingxiaoxue</span> ,输入我给您的<span>预约号</span>就可以跟老师择取吉名了!</div>
                        <div class="fzwxgzh" onclick="copyzrwx()">
                            复制微信号
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="msg10">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="msg-box">
                        <img class="tjwxydt" src="__PUBLIC__/images/bbqm_img/bd/weixin_tj.gif" />
                    </div>
                </div>
            </div>
        </div>

        <div class="msg11">
            <div class="msg-conent">
                <img class="left" src="__PUBLIC__/images/bbqm_img/bd/zds.jpg" >
                <div class="rigth">
                    <div class="msg-box">
                        <div class="qus1">祝喜得吉名,万事如意!</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="box-foot"></div>

    </div>

</div>

<script>
	var bbcstime = new lCalendar().init('#bbcstime');
	var yyuid="<!--{$Think.cookie.uid}-->";
	var fromdata = {
		uid:yyuid,
		sexName:"",
		surname:"",
		phone:"",
		birthday:"",
		makeCode:""
	}
	function getmintime(){
		var myDate = new Date(); 
		return myDate.getHours() + ":" + myDate.getMinutes();
	}
	//生成从minNum到maxNum的随机数
	function randomNum(minNum,maxNum){ 
	    switch(arguments.length){ 
	        case 1: 
	            return parseInt(Math.random()*minNum+1,10); 
	        break; 
	        case 2: 
	            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10); 
	        break; 
	            default: 
	                return 0; 
	            break; 
	    } 
	}
	function openweixin(){
		console.log("openweixin")
		window.location.href = 'weixin://';
	}
	function getweixin(){
	    console.log("weixin")
	    //$('.close_container').show();//加微信弹框提示
		$(".box").show();
		var ts = $("#ts1").text();
		if(ts=="" || ts == null){
			$("#ts1").text(getmintime());
			$(".msg1").show().addClass("show");
		}
	}
	function colsebox(){
		//console.log(1)
		$(".box").hide();
	}
	
	$(".sexlist .btn4").click(function(){
		var s = $("#userphonenum").val();
		var patrn = /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/;
		if(!patrn.exec(s)){
		    layer.msg("请输入正确的手机号码");
		    return false;
		}
		fromdata.phone = s;
		$(".reply2").show().addClass("show");
		$(".userreply2").text(s);
		$(".msg13 .msg-conent .rigth .msg-box .sexlist").hide();
		$(".msg8 .msg-conent .rigth .msg-box .qus1").hide();
		$(".msg8 .msg-conent .rigth .msg-box .qus2").show();
		var vipcode = randomNum(1000,9999);
		$(".userreply4").text(vipcode);
		fromdata.makeCode = vipcode;
		var ele = document.getElementById('box-conent');
		setTimeout(function(){
			$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
		}, 800);
		console.log(fromdata)
		$.getJSON("<!--{:U('Interface2-BBmakeUserInsert','',false)}-->",fromdata,function(result){
		    console.log(result);
			setTimeout(function(){
				$("#ts7").text(getmintime());
				$(".msg7").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 3000);
			setTimeout(function(){
				$(".msg8").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 5000);
			setTimeout(function(){
				$(".msg9").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 7000);
			setTimeout(function(){
				$(".msg10").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 9000);
			setTimeout(function(){
				$(".msg11").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 11000);
		});
		
	});
	
	$(".btnlist2 .btn").click(function(){
		var _thisText = $(this).text();
		//console.log(_thisText);
		$(".reply2").show().addClass("show");
		$(".userreply2").text(_thisText);
		$(".btnlist2").hide();
		var vipcode = randomNum(1000,9999);
		$(".userreply4").text(vipcode);
		fromdata.makeCode = vipcode;
		var ele = document.getElementById('box-conent');
		setTimeout(function(){
			$("#ts4").text(getmintime());
			$(".msg4").show().addClass("show");
			if(_thisText=="公司起名"){
				fromdata.sexName = "公司起名";
				$(".msg4 .msg-conent .rigth .msg-box .qus1").text("公司的名称是从各个方面影响着公司的发展与成就的，所以，在给公司起名时切忌随意盲目，不然会给公司的经营带来影响。一个吉祥的美名，可以潜移默化地帮助人们走向成功，建议严格遵循“国学九吉择名法”，由资深国学老师精批生辰八字，经九个步骤，择取最佳吉名。");
			}else{
				fromdata.sexName = "改名";
				$(".msg4 .msg-conent .rigth .msg-box .qus1").text("发展与成就的，所以，在给公司起名时切忌随意盲目，不然会给公司的经营带来影响。一个吉祥的美名，可以潜移默化地帮助人们走向成功，建议严格遵循“国学九吉择名法”，由资深国学老师精批生辰八字，经九个步骤，择取最佳吉名。");
			}
			setTimeout(function(){
				$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
			}, 800);
			console.log(fromdata);
			$.getJSON("<!--{:U('Interface2-BBmakeUserInsert','',false)}-->",fromdata,function(result){
			    console.log(result);
				setTimeout(function(){
					$("#ts7").text(getmintime());
					$(".msg7").show().addClass("show");
					setTimeout(function(){
						$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
					}, 800);
				}, 3000);
				setTimeout(function(){
					$(".msg8").show().addClass("show");
					setTimeout(function(){
						$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
					}, 800);
				}, 5000);
				setTimeout(function(){
					$(".msg9").show().addClass("show");
					setTimeout(function(){
						$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
					}, 800);
				}, 7000);
				setTimeout(function(){
					$(".msg10").show().addClass("show");
					setTimeout(function(){
						$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
					}, 800);
				}, 9000);
				setTimeout(function(){
					$(".msg11").show().addClass("show");
					setTimeout(function(){
						$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
					}, 800);
				}, 11000);
			});
		}, 1000);
	});
	
	$(".btnlist .btn").click(function(){
		var _thisText = $(this).text();
		console.log(_thisText);
		fromdata.sexName = _thisText;
		if(_thisText=="男宝"){
			$(".msg2 .msg-conent .rigth .msg-box .qus1").text("给男宝起名，首先要符合生辰分析，易学和姓名学规范，更应该突出坚强，大器，大度，不怕困难的气概，名字要带有阳刚之气。");
		}
		if(_thisText=="女宝"){
			$(".msg2 .msg-conent .rigth .msg-box .qus1").text("给女宝起名，在符合生辰分析，易学和姓名学要求的基础上，通常需要突出优雅、洋气、自立、幸福的内涵，名字要带有柔美之意。");
		}
		if(_thisText=="双胞胎"){
			$(".msg2 .msg-conent .rigth .msg-box .qus1").text("宝宝们通常出生时间相近，但生辰八字未必一致。在符合各自八字五行和姓名学要求的基础上，需要先择取一个最吻合孩子们八字的吉字作为共用字，然后分别起名。未来无论在学校还是成年后走入社会，都会加强孩子们彼此之间的亲情联系，相互扶持帮助。");
		}
		if(_thisText=="预产期"){
			$(".msg2 .msg-conent .rigth .msg-box .qus1").text("宝宝已经开始感知这个世界，孔子说“人不可无名”，对于宝宝健康成长平安诞生都是非常重要的，现代家长重视胎教，更是需要有个亲切的称呼。国学老师会为孩子推算最吉利的名字和乳名，在出生前就建立亲密的亲子关系。");
		}
		
		$(".btnlist").hide();
		$(".reply").show().addClass("show");
		$(".userreply1").text(_thisText);
		
		if(_thisText=="改名或公司起名"){
			
			setTimeout(function(){
				$("#ts8").text(getmintime());
				$(".msg12").show().addClass("show");
				setTimeout(function(){
					var ele = document.getElementById('box-conent');
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 1000);
			
		}else if(_thisText=="售后问题"){
			
			setTimeout(function(){
				$("#ts9").text(getmintime());
				$(".msg13").show().addClass("show");
				setTimeout(function(){
					var ele = document.getElementById('box-conent');
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 1000);
			
		}else{
			
			setTimeout(function(){
				$("#ts2").text(getmintime());
				$(".msg2").show().addClass("show");
				setTimeout(function(){
					var ele = document.getElementById('box-conent');
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 1000);
			setTimeout(function(){
				$("#ts3").text(getmintime());
				$(".msg3").show().addClass("show");
				setTimeout(function(){
					var ele = document.getElementById('box-conent');
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 3000);
			
		}
		
	});
	$(".sexlist .btn").click(function(){
		var s = $("#bbsex").val();
		console.log(s);
		if(s == ""){
		    layer.msg("请输入宝宝姓氏");
		    return false;
		}
		var patrn= /[\u4E00-\u9FA5]/;
		if(!patrn.exec(s)){
		    layer.msg("请输入中文姓氏");
		    return false;
		}
		fromdata.surname = s;
		$(".msg3 .msg-conent .rigth .msg-box .sexlist").hide();
		$.getJSON("<!--{:U('Interface2-BBsurnameData','',false)}-->",{surname:s},function(result){
		    console.log(result);
			var ele = document.getElementById('box-conent');
			setTimeout(function(){
				$(".msg4 .msg-conent .rigth .msg-box .qus1").text(result.text);
				$(".reply2").show().addClass("show");
				$(".userreply2").text(s);
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 1000);
			setTimeout(function(){
				$("#ts4").text(getmintime());
				$(".msg4").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 3000);
			setTimeout(function(){
				$("#ts5").text(getmintime());
				$(".msg5").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 5000);
		});
	});
	$(".sexlist .btn2").click(function(){
		var s = $("#bbcstime").val();
		console.log(s);
		if(s == ""){
		    layer.msg("请选择宝宝出生时间");
		    return false;
		}
		fromdata.birthday = s;
		var ele = document.getElementById('box-conent');
		$(".msg5 .msg-conent .rigth .msg-box .sexlist").hide();
		setTimeout(function(){
			$(".reply3").show().addClass("show");
			$(".userreply3").text(s);
			setTimeout(function(){
				$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
			}, 800);
		}, 1000);
		setTimeout(function(){
			$("#ts6").text(getmintime());
			$(".msg6").show().addClass("show");
			setTimeout(function(){
				$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
			}, 800);
		}, 3000);
	});
	$(".sexlist .btn3").click(function(){
		var s = $("#vipnum").val();
		console.log(s);
		if(s.length != 4){
		    layer.msg("只能输入4位数字");
		    return false;
		}
		fromdata.makeCode = s;
		var ele = document.getElementById('box-conent');
		console.log(fromdata)
		$(".msg6 .msg-conent .rigth .msg-box .sexlist").hide();
		setTimeout(function(){
			$(".reply4").show().addClass("show");
			$(".userreply4").text(s);
			setTimeout(function(){
				$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
			}, 800);
		}, 1000);
		$.getJSON("<!--{:U('Interface2-BBmakeUserInsert','',false)}-->",fromdata,function(result){
		    console.log(result);
			setTimeout(function(){
				$("#ts7").text(getmintime());
				$(".msg7").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 3000);
			setTimeout(function(){
				$(".msg8").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 5000);
			setTimeout(function(){
				$(".msg9").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 7000);
			setTimeout(function(){
				$(".msg10").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 9000);
			setTimeout(function(){
				$(".msg11").show().addClass("show");
				setTimeout(function(){
					$('.box-conent').animate({scrollTop:ele.scrollHeight},1000);
				}, 800);
			}, 11000);
		});
		
	});
</script>